<template>
  <div class="header">
    <router-link to="/">
    <div class="header-left">
        <div class="iconfont back-icon">&#xe609;</div>
    </div>
    </router-link>
    <div class='title'>
        城市选择
    </div>
  </div>
</template>

<script>
export default {
  name: 'CityHeader',
  props: {
    city: String
  }
}
</script>
<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.header
  display flex
  height : .86rem
  background:$backgroundColor
  line-height :.86rem
  color :#fff
  .header-left
    width :.64rem
    float:left
    color :#fff
    .back-icon
      text-align :center
      font-size :.1rem
  .title
      flex :1
      margin-top :.12rem
      text-align center
      margin-right .64rem
      height :.64rem
      font-size .36rem
      line-height :.64rem
      color :#fff
  .header-right
      width :1.24rem
      float :right
      color :#fff
      padding-left :.1rem
      text-align :center
        .arrowicon
          font-size :.10rem
</style>
